<template>
  <div>
     <!-- 面包屑导航 -->
   <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">
        <i class="el-icon-s-home"></i>
        首页
      </el-breadcrumb-item>
      <el-breadcrumb-item>
        <i class="el-icon-s-shop"></i> 
        活动管理
      </el-breadcrumb-item>
      <!-- 当前 -->
      <el-breadcrumb-item>秒杀管理</el-breadcrumb-item>
      <!-- 当前 -->
      <el-breadcrumb-item>{{ breadcrumb }}</el-breadcrumb-item>
    </el-breadcrumb>

    <div class="msj_miaosha">
      <!-- 导航栏 -->
    <Huodongnav :navlist="navlist" @onbreadcrumb="breadcrumbfn" />
    <div class="msj_second">
        <SecondHuichang v-show="isshow==0" @onbreadcrumb="breadcrumbfn" />
        <Secondssp v-show="isshow==1" />
        <Secondfenlei v-show="isshow==2" />
      <Secondswiper v-show="isshow==3" />
    </div>
    </div>
   
  </div>
</template>
<script>
import Huodongnav from './components/Huodongnav.vue'
import Secondfenlei from './Seconds/Secondfenlei.vue'
import SecondHuichang from './Seconds/SecondHuichang.vue'
import Secondssp from './Seconds/Secondssp.vue'
import Secondswiper from './Seconds/Secondswiper.vue'
export default{
  components: { Huodongnav, SecondHuichang, Secondssp, Secondfenlei, Secondswiper },
  data(){
    return {
      navlist:[
        {
          name:'会场管理'
        },
        {
          name:'商品管理'
        },
        {
          name:'分类管理'
        },
        {
          name:'轮播管理'
        }
      ],
      breadcrumb:'会场管理',
      isshow:0,
    }
  },
  mounted(){
    // this.$bus.$on('getcurr',this.getcur)
    this.isshow=this.$route.params.curr?this.$route.params.curr:this.isshow
    this.$bus.$emit('getcurr',{curr:this.isshow})
  },
  methods:{
    breadcrumbfn(v){
      this.breadcrumb = v.name
      this.isshow = v.curr
    }
  }
}
</script>
<style scoped>
*{
  margin: 0;
}
.msj_second,.msj_miaosha{
  width: 100%;
  padding: 15px 0 0;
}
.msj_second{
  
}
</style>